<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>全部商品</title>    
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <script src="js/head.js"> </script>
    <link rel="stylesheet" href="css/goods.css">
</head>
<body>
    <div id="head"></div>
    <!-- head end -->
    <div class="container">
        <p class="shouye">首页&nbsp;/&nbsp;所有分类</p>
        <div class="good">
            <p>全部商品分类</p>
            <div class="goods ">
                <img src="images/luyouqi.png" alt="">
                <ul>
                    <li>路由器与智能硬件</li>
                    <li><a href="#">小米路由器</a></li>
                    <li><a href="#">小米路由器mini</a></li>
                    <li><a href="#">小米手环</a></li>
                    <li><a href="#">净化器与滤芯</a></li>
                    <li><a href="#">摄像机</a></li>
                    <li><a href="#">运动相机</a></li>
                    <li><a href="#">所有子分类>></a></li>
                </ul>
            </div>
            <div class="goods border-left">
                <img src="images/dianchi.png" alt="">
                <ul>
                    <li>插线板、移动电源与电池</li>
                    <li><a href="#">小米移动电源</a></li>
                    <li><a href="#">插线板</a></li>
                    <li><a href="#">品牌移动电源</a></li>
                    <li><a href="#">电池</a></li>
                    <li><a href="#">充电器</a></li>
                    <li><a href="#">线材</a></li>
                </ul>
            </div>
            <div class="goods border-left">
                <img src="images/tupian.png" alt="">
                <ul>
                    <li>耳机音箱与储存卡</li>
                    <li><a href="#">小米头戴式耳机</a></li>
                    <li><a href="#">小米活塞耳机</a></li>
                    <li><a href="#">品牌耳机</a></li>
                    <li><a href="#">音箱</a></li>
                    <li><a href="#">储存卡</a></li>
                </ul>
            </div>
            <div class="goods border-left">
                <img src="images/hougai-.png" alt="">
                <ul>
                    <li>保护套与贴膜</li>
                    <li><a href="#">保护套/保护壳</a></li>
                    <li><a href="#">贴膜</a></li>
                    <li><a href="#">防尘塞</a></li>
                </ul>
            </div>
            <div class="goods border-left">
                <img src="images/xiaomifeng.png" alt="">
                <ul>
                    <li>后盖与个性化配件</li>
                    <li><a href="#">米键</a></li>
                    <li><a href="#">后盖</a></li>
                    <li><a href="#">贴纸</a></li>
                    <li><a href="#">挂饰</a></li>
                    <li><a href="#">手机支架</a></li>
                    <li><a href="#">耳机绕线器</a></li>
                </ul>
            </div>
            <div class="goods ">
                <img src="images/shouhuan.png" alt="">
                <ul>
                    <li>小米生活方式</li>
                    <li><a href="#">服装</a></li>
                    <li><a href="#">米兔</a></li>
                    <li><a href="#">背包</a></li>
                    <li><a href="#">小米鼠标垫</a></li>
                    <li><a href="#">生活周边</a></li>
                    <li><a href="#">拉卡拉刷卡器</a></li>
                </ul>
            </div>
            <div class="goods border-left">
                <img src="images/peijing.png" alt="">
                <ul>
                    <li>配件优惠套装</li>
                    <li><a href="#">小米4</a></li>
                    <li><a href="#">小米3</a></li>
                    <li><a href="#">红米手机</a></li>
                    <li><a href="#">小米2/2S</a></li>
                    <li><a href="#">小米2A</a></li>
                    <li><a href="#">小米1/1S</a></li>
                </ul>
            </div>
            <div class="goods border-left">
                <img src="images/miui.jpg" alt="">
                <ul>
                    <li>电子书与MIUI主题</li>
                    <li><a href="#">多看小说</a></li>
                    <li><a href="#">多看杂志</a></li>
                    <li><a href="#">MIUI热门主题</a></li>
                    <li><a href="#">更多MIUI主题</a></li>
                </ul>
            </div>
            <div class="goods border-left">
                <img src="images/jixing.jpg" alt="">
                <ul>
                    <li>按机型选配件</li>
                    <li><a href="#">小米4</a></li>
                    <li><a href="#">小米3</a></li>
                    <li><a href="#">红米手机</a></li>
                    <li><a href="#">红米Note</a></li>
                    <li><a href="#">小米2/2S</a></li>
                    <li><a href="#">小米2A</a></li>
                    <li><a href="#">小米1/1S</a></li>
                </ul>
            </div>
            <div class="goods border-left">
                <img src="images/mingxing.jpg" alt="">
                <ul>
                    <li>小米明星单品</li>
                    <li><a href="#">小米移动电源</a></li>
                    <li><a href="#">小米路由器</a></li>
                    <li><a href="#">全新小米活塞耳机</a></li>
                    <li><a href="#">小米头戴式耳机</a></li>
                    <li><a href="#">方盒子蓝牙音箱</a></li>
                    <li><a href="#">小米插线板</a></li>
                    <li><a href="#">小米体重秤</a></li>
                </ul>
            </div>



        </div>
    </div>
    <!-- foot start -->
    <div id="foot"></div>
</body>
</html>